<template>
    <Person />
</template>

<script lang="ts" setup name= 'App'>

import Person from './components/Person.vue';// 引入组件会自动return，因为有setup语法糖了
// setup语法糖不允许data语法，data是函数必须return一个新对象
// 防止非独立数据相互污染，和style加scoped原来一样
    // data(){

    // }
</script>


<style scoped>
/* css样式 */
.app {
    background-color: #6cf;
    box-shadow: 0 0 10px;
    border-radius: 10px;
    padding: 20px;
}
</style>
